<template>
  <transition>
  <div class="app-staff-details">
    <mt-header title="团队数据">
      <router-link to="/glass-data" slot="left">
        <mt-button icon="back">返回</mt-button>
      </router-link>
    </mt-header>
    <section class="app-main">
      <table class="staff-data-list">
        <tr>
          <td></td>
          <td>粉丝数</td>
          <td>销售量</td>
          <td>破损数</td>
          <td>破损率</td>
        </tr>
        <tr>
          <td>庄港发</td>
          <td>6</td>
          <td>50</td>
          <td>2</td>
          <td>10%</td>
        </tr>
        <tr>
          <td>林</td>
          <td>6</td>
          <td>50</td>
          <td>2</td>
          <td>10%</td>
        </tr>
      </table>
    </section>
  </div>
    </transition>
</template>

<script>
  import { Header,Cell } from 'mint-ui';

//  Vue.component(Header.name, Header);
export default {
  components:{
    Header,
    Cell,
  },
  data () {
    return {
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style>


  body{
    background: #f6f6f6;
  }
  .app-staff-details .staff-data-list{
    width:100%;
    background: #fff;
    border-collapse: collapse;
  }
  .staff-data-list td{
    padding:6px 4px;
    font-size:16px;
    text-align: center;
    border: 1px solid #ccc;
  }
</style>
